<script>
document.addEventListener('click', function(e){
  const link = e.target.closest('a.kommentar-trigger');
  if (!link) return;

  e.preventDefault(); // normale Navigation verhindern
  openKommentar(link);
});
</script>


<script>
    function openKommentar(element) {
      const overlay = document.getElementById('kommentar-overlay');
      const frame = document.getElementById('kommentar-frame');
      
      // URL aus dem href-Attribut des Links holen
      frame.src = element.href;
      
      overlay.classList.add('active');
      document.body.style.overflow = 'hidden';
    }

    function closeKommentar() {
      const overlay = document.getElementById('kommentar-overlay');
      overlay.classList.remove('active');
      document.body.style.overflow = '';
    }

    // Schließen beim Klick auf den Overlay-Hintergrund
    document.getElementById('kommentar-overlay').addEventListener('click', function(e) {
      if (e.target === this) {
        closeKommentar();
      }
    });

    // Schließen mit ESC-Taste
    document.addEventListener('keydown', function(e) {
      if (e.key === 'Escape') {
        closeKommentar();
      }
    });
  </script>